// components/Imgitme/index.js
let p2 = 2
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    a1:{//要渲染的图片
      type:Array,
      value:[]
    }
  },
  oldA1:[],//存放在已在数据库中的图片，存储的是File ID

  /**
   * 组件的初始数据
   */
  data: {
    files:[]//存放格式为[{},{},{}],存放新增的图片的临时地址和name，这里的图片通过wx.cloud.uploadFile上传至存储中，然后获取File ID
  },

  /**
   * 组件的方法列表
   */
  methods: {
    deleteImg(e){//删除按钮
      console.log(e.currentTarget.dataset.src);
      let src=e.currentTarget.dataset.src
      const a1 = this.properties.a1
      let index=a1.findIndex(v=>v==src)//寻找删除的元素在渲染数组（a1）中的下标值
      a1.splice(index,1)
      this.setData({
        a1
      })

      // let oldA1=this.oldA1
      const files=this.data.files
      // let filesIndex=files.findIndex(v=>v.src==src)//判断删除的元素是否是新增图片
      // let oldIndex=oldA1.findIndex(v=>v==src)//判断删除的元素是否是已在云数据中的图片
      // if(filesIndex!=-1){//判断删除的是已在云数据中的图片，还是后面新增的图片。如若是第一种则要删除数据库中的图片，否则只从files数组中删除该元素即可。
      //   files.splice(filesIndex,1)
      //   this.setData({files})
      // }else{
      //   oldA1.splice(oldIndex,1)
      //   this.oldA1=oldA1
      // }
      // console.log(this.properties.a1);
      // console.log(this.oldA1);
      // console.log(this.data.files);
      this.triggerEvent('deleteImg',{src,files})


    },
    addImg(){//添加图片功能
      const files = this.data.files
      const a1 = this.properties.a1
      wx.chooseMessageFile({
        count: 9,
        success: res => {
          console.log('选择文件之后的res',res)
          let tempFilePaths = res.tempFiles
          for(let i=0;i<tempFilePaths.length;i++){
            files.push({
              src: tempFilePaths[i].path,
              name: tempFilePaths[i].name
            })
            a1.push(tempFilePaths[i].path)
          }
          this.setData({ 
            a1,files
          })
          console.log('选择文件之后的files', this.data.files)
        }
      })
      this.triggerEvent('infotan',files);
    }
  }
})
